// 媒体查询适配不同的界面 手机宽度小就宽度占满 宽度大就根据宽度适配内容宽度

@media screen and (min-width: 0px) and (max-width: 500px) {
  .container {
    width: 100vw;
  }
}
@media screen and (min-width: 500px) and (max-width: 800px) {
  .container {
    width: 100vw;
  }
}
@media screen and (min-width: 800px) and (max-width: 1000px) {
  .container {
    width: 90vw;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
  .container {
    width: 80vw;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1500px) {
  .container {
    width: 70vw;
  }
}
@media screen and (min-width: 1500px) {
  .container {
    width: 60vw;
  }
}
